html
	head
		meta(charset="utf-8")
		meta(name="viewport",content="width=device-width,initial-scale=1")
		title web考勤管理页面
		link(rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous")
		link(rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css")
		link(rel="stylesheet" href="dist/css/font-awesome/css/font-awesome.min.css")
		link(rel="stylesheet" href="dist/css/ionicons.min.css")
		link(rel="stylesheet" href="dist/css/AdminLTE.min.css")
		link(rel="stylesheet" href="dist/css/skins/skin-blue.css")
		script(src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js")
		script(src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js")
		script(src="dist/js/adminlte.min.js")
	body.hold-transition.skin-blue.sidebar-mini
		div.wrapper
			header.main-header
				a.logo
					span.logo-mini
						b 考勤
					span.logo-lg
						b 协同考勤
				nav.navbar.navbar-static-top
					a.sidebar-toggle(data-toggle="push-menu" role="button")
						span.sr-only Toggle navigation
					.navbar-custom-menu
						ul.nav.navbar-nav
							li.dropdown.messages-menu
								a.dropdown-toggle(href="#",data-toggle="dropdown")
									i.fa.fa-envelope-o
									span.label.label-success
						ul.dropdown-menu
							li.header
							li
								ul.menu
									li
										a
											.pull-left
												img.img-circle(src="images/dog.jpg")
											h4 support team
							li.footer
								a see all messages
			aside.main-sidebar
				section.sidebar
					.user-panel
						.pull-left.image
							img.img-circle(src="images/dog.jpg")
						.pull-left.info
							p yosang
				ul.sidebar-menu(data-widget="tree")
					li.header 导航
					li.treeview
						a(href="#")
							i.fa.fa-link
							span 协同办公
							span.pull-right-container
								i.fa.fa-angle-left.pull-right
						ul.treeview-menu
							li
								a(href="/leave") 休假申请
							li
								a(href="/overwork") 加班申请
							li
								a(href="/travel") 出差申请
							li
								a(href="/myApply") 我的申请
							li
								a(href="/holidaySurplus") 我的假期结余
					li
						a
							i.fa.fa-link
							span 消息中心
			.content-wrapper
				section.content.container-fluid
					h1 欢迎来到协同考勤
			footer.main-footer
				.pull-right.hidden-xs Anything you want
				strong Copyright &copy; 2016
	style.
		.content{
			width:100%;
			height:90%;
			background-image: url('images/fenmian3.jpg');
			background-position:center 50%;
			background-size:cover;
			opacity:0.8;
		}
		.content h1{
			color:#fff;
			font-size:3rem;
			text-align:center;
			padding:3rem;
		}
		.content,.container-fluid{
			padding:0;
		}
		@media (min-width: 576px) {
			.content h1{
				color:#fff;
				font-size:8rem;
				text-align:center;
				padding:8rem;
			}
		}